@charset "utf-8";html{
height:100%}
body{margin:0;font-family:'Helvetica Neue','STHeiti','Microsoft Yahei','Microsoft YaHei',Helvetica,Arial,sans-serif;font-size:14px;line-height:140%;color:#666;background-color:#255381}
ul,ol,li,dt,dd{margin:0;padding:0;list-style:none}
dl{margin-top:0;margin-bottom:0}
p{margin:0 0 2px}
img{border:0;vertical-align:middle}
img.img-responsive{width:230px;height:294px}
input{outline:medium none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input:focus{border-color:#338ad1;-webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(38,96,148,0.61)}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{width:1200px;position:relative;margin:0 auto 0}
.row{position:relative;background-color:#f5f5f5;box-shadow:0 0 60px #123554}
.container:before,.container:after,.row:before,.row:after,.clearfix:before,.clearfix:after{display:table;content:" ";clear:both}
.starlist-bd{background-color:#fff}
h1{font-size:22px;line-height:28px}
h2{font-size:20px;line-height:26px}
h3{font-size:18px;line-height:24px}
h4{font-size:16px;line-height:22px}
h5{font-size:14px;line-height:20px}
h6{font-size:12px;line-height:18px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin-top:10px;margin-bottom:10px}
a,button{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a,h1,h2,h3,h4,h5,h6{color:#555}
a:focus,a:hover,a:active{text-decoration:none;color:#338ad1}
.col-pd{padding:5px}
.text-red{color:red}
.text-muted{color:#999}
.text-center{text-align:center}
.split-line{display:inline-block;margin-left:6px;margin-right:6px;width:1px;height:14px;vertical-align:-2px;background-color:#a2a2a229}
.score{display:inline-block;margin-left:10px;font-family:Georgia,"Times New Roman",Times,serif}
.header-top{position:relative;height:85px;padding:0 20px;background-color:#fff}
.header-logo{float:left;margin-right:30px}
.header-logo{width:282px;margin-top:15px}
.header-logo .logo{display:block;width:282px;height:55px;background:url(../images/logo_max.png) no-repeat;background-position:50% 50%;background-size:cover}
.header-menu{background-color:#266094}
.header-menu:before{content:"";position:absolute;top:-10px;right:0;width:0;height:0;border-width:10px 0 0 10px;border-style:solid;border-color:transparent transparent transparent #ccc}
.header-menu:after{content:"";position:absolute;top:-10px;left:0;width:0;height:0;border-width:0 0 10px 10px;border-style:solid;border-color:transparent transparent #ccc transparent}
.header-menu li{float:left}
.header-menu li a{display:inline-block;padding:14px 24px;font-size:15px;font-weight:700;color:#fff}
.header-menu li.active a{background-color:#1e507d}
.header-menu .more{float:right;padding:2px 20px;margin:12px;color:#fff;background-color:#1e507d;border-radius:15px}
.header-search{float:right;position:relative;width:280px;margin-top:24px;border:1px solid #2660941f}
.header-search .form-control{display:block;width:100%;height:35px;padding:6px 45px 6px 10px;font-size:12px;line-height:32px;border-radius:5px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;background-color:#f5f5f5;color:#999;border:0}
.header-search .submit{display:block;position:absolute;top:0;right:0;width:35px;height:35px;border:0;cursor:pointer;background:url(../images/icon_seacrh.png) center no-repeat}
.header-user{float:right}
.header-user li{float:left;position:relative;padding:31px 0 10px;margin-left:30px}
.header-user li .dropdown{display:none;position:absolute;z-index:999;top:100%;right:0;padding:15px;text-align:center;font-size:12px;color:#999;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.header-user li:hover .dropdown{display:block}
.screen-list{position:relative;padding:6px 0 0 0;margin:0 6px}
.screen-list:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;border-top:2px solid #f5f5f5}
.screen-list:first-child{padding-top:2px}
.screen-list:first-child:before{display:none}
.screen-list li{float:left}
.screen-list li span{display:inline-block;padding:3px 0 3px}
.screen-list li a{display:inline-block;padding:2px 5px;margin-left:5px;margin-bottom:2px;border-radius:8px}
.screen-list li.active a{color:#338ad1;font-weight:bold}
.screen-list.letter-list li a{padding:3px 5px}
.screen-list.letter-list li.active a{padding:3px 10px}
.bread-crumbs{height:35px;line-height:28px;padding:5px 0 5px 8px;overflow:hidden;border-bottom:1px solid #f5f5f5;background-color:#f9f9f9}
.pannel{position:relative;margin-bottom:5px;padding:8px;overflow:hidden;background-color:#fff;border-bottom:1px solid #f9f9f9}
.pannel:before{content:"";position:absolute;left:20px;bottom:0;right:0;width:100%;height:1px}
.pannel:last-child{margin-bottom:0;border-bottom:0}
.pannel:last-child:before{display:none}
.pannel-left{float:left;width:70%}
.pannel-side{float:left;width:30%}
.pannel-head{line-height:24px;margin-bottom:5px}
.pannel-head .title{margin:0;font-size:15px;font-weight:bold;padding-left:3px}
.vodlist-item{position:relative;float:left;padding:5px;width:11.1%}
.vodlist-item.active{width:33.333333%}
.vodlist-thumb{position:relative;display:block;padding-top:150%;background:url(//tva1.sinaimg.cn/large/008kx1rYly1grqt8pr3uqj3064091743.jpg) no-repeat;background-position:50% 50%;background-size:cover}
.vodlist-thumb.active{padding-top:50%;background:url(../images/load_w.gif) no-repeat;background-position:50% 50%;background-size:cover}
.vodlist-thumb .play{display:none;position:absolute;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.1) url(../images/play.png) center no-repeat}
.vodlist-thumb:hover .play{display:block}
.vodlist-thumb .pic-text{display:block;width:100%;position:absolute;bottom:0;left:0;padding:5px 10px;text-align:right;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff}
.vodlist-title{font-size:14px;margin-bottom:0;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.artlist-item{position:relative;float:left;padding:5px;width:11.1%}
.artlist-item.active{width:20%}
.artlist-thumb{position:relative;display:block;padding-top:150%;background:url(//tva1.sinaimg.cn/large/008kx1rYly1grqt8pr3uqj3064091743.jpg) no-repeat;background-position:50% 50%;background-size:cover}
.artlist-thumb.active{padding-top:50%;background:url(../images/load_w.gif) no-repeat;background-position:50% 50%;background-size:cover}
.artlist-thumb .play{display:none;position:absolute;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.1) url(../images/play.png) center no-repeat}
.artlist-thumb:hover .play{display:block}
.artlist-thumb .pic-text{display:block;width:100%;position:absolute;bottom:0;left:0;padding:5px 10px;text-align:right;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff}
.artlist-title{font-size:14px;margin-bottom:0;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.starlist-item{position:relative;float:left;padding:5px;width:8.3%}
.starlist-item.active{width:20%}
.starlist-thumb{position:relative;display:block;padding-top:150%;background:url(//tva1.sinaimg.cn/large/008kx1rYly1grqt8pr3uqj3064091743.jpg) no-repeat;background-position:50% 50%;background-size:cover}
.starlist-thumb.active{padding-top:50%;background:url(../images/load_w.gif) no-repeat;background-position:50% 50%;background-size:cover}
.starlist-thumb .play{display:none;position:absolute;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.1) url(../images/play.png) center no-repeat}
.starlist-thumb:hover .play{display:block}
.starlist-thumb .pic-text{display:block;width:100%;position:absolute;bottom:0;left:0;padding:5px 10px;text-align:right;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff}
.starlist-title{font-size:14px;text-align:center!important;margin-bottom:0;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.actorlist-item{position:relative;float:left;padding:8px;width:12.5%}
.actorlist-item.active{width:50%}
.actorlist-thumb{position:relative;display:block;padding-top:150%;background:url(//tva1.sinaimg.cn/large/008kx1rYly1grqt8pr3uqj3064091743.jpg) no-repeat;background-position:50% 50%;background-size:cover;box-shadow:4px 2px 6px 0 rgba(0,0,0,0.32);border-radius:50%!important;padding-top:100%!important}
.content-detail,.content-thumb,.content-shaoma{display:table-cell;vertical-align:top}
.content-thumb .pic{display:block;box-shadow:0 2px 6px 0 rgba(0,0,0,0.32)}
.content-detail{width:80%;padding-left:12px}
.content-detail .title{font-size:18px;color:#555;margin:0 0 1px;line-height:24px;margin-bottom:10px}
.content-detail .data{margin-bottom:5px}
.content-detail .data li{float:left;margin-right:20px}
.content-detail .desc{padding-left:42px}
.content-detail .desc .left{margin-left:-42px}
.content-detail .playbtn{padding-left:42px;margin-top:20px}
.content-detail .playbtn a{display:inline-block;width:120px;height:32px;line-height:32px;text-align:center;border-radius:5px;font-size:12px;background-color:#333;color:#fff}
.content-desc{line-height:25px;color:#666;font-size:13px}
.content-desc strong{font-weight:400}
.content-desc img{max-width:100%}
.content-playlist{position:relative;padding:10px 0 0 10px}
.content-playlist li{float:left;width:12.5%;padding-bottom:10px;padding-right:10px}
.content-playlist li a{display:block;position:relative;padding:5px 10px;text-align:center;border:1px solid #eee;border-radius:5px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.content-playlist li.active a{background-color:#333;border:1px solid #333;color:#fff}
.player-video{background-color:#000}
.page,.page-text{margin:10px 0}
.page li{display:inline-block;margin-left:10px}
.page li .num,.page li a{display:inline-block;padding:5px 15px;border-radius:4px;background-color:#fff;border:1px solid #eee}
.page li.active a,.page li.disabled a{background-color:#338ad1;border:1px solid #338ad1;color:#fff}
.page-text{font-size:0;text-align:center}
.page-text a,.page-text em,.page-text span{font-style:normal;display:inline-block;margin:0 5px;padding:6px 12px;border-radius:4px;cursor:pointer;background-color:#fff;border:1px solid #eee;font-size:14px}
.page-text span.pagenow{background-color:#333;border:1px solid #333;color:#fff}
.page-text .pagego{padding:6px;margin-right:5px;border-radius:5}
.page-text .pagebtn{padding:6px 12px;cursor:pointer}
.page-text input{display:none}
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
.margin-0{margin:0!important}
.news-nav li.active a{background-color:#333;border:1px solid #333;color:#fff}
.padding-0{padding:0!important}
.pull-left{float:left!important}
.pull-right{float:right!important}
.link-text li{float:left;margin-right:5px;margin-bottom:5px}
.hide,.visible-lg,.visible-md,.visible-sm,.visible-xs,.visible-mi{display:none!important}
.foot{padding:20px;text-align:center;color:#999;background-color:#fff}
.foot p{margin:0 0 5px;color:#555}
.foot a,h1,h2,h3,h4,h5,h6{color:#555}
.foot a,button{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
@media(min-width:1200px){
.visible-lg{display:block!important}
.hidden-lg{display:none!important}
}
@media(max-width:1199px) and (min-width:992px){
.visible-md{display:block!important}
.hidden-md{display:none!important}
}
@media(max-width:991px) and (min-width:768px){
.visible-sm{display:block!important}
.hidden-sm{display:none!important}
}
@media(max-width:1023px){
.container{width:100%;margin:20px auto 0;padding-left:35px;padding-right:35px}
.pannel-left,.pannel-side{float:none;width:100%}
.screen-list{padding:10px 0 0;margin:0 0 0 5px;width:100%;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.screen-list:first-child{padding-top:5px}
.screen-list li{float:none;display:inline-block}
.screen-list li a{margin-left:5px}
.screen-list li.active a{border-radius:0;background:0;color:#f90}
.vodlist-item{width:25%}
.vodlist-item.active{width:50%}
.artlist-item{width:25%}
.artlist-item.active{width:50%}
.starlist-item{width:25%}
.satrlist-item.active{width:100%}
.actorlist-item{width:25%}
.actorlist-item.active{width:100%}
.content-detail{width:100%}
.content-playlist li{width:16.6666667%}
}
@media(max-width:767px){
img.img-responsive{width:100%;height:100%}
.visible-xs{display:block!important}
.hidden-xs{display:none!important}
.container{width:100%;margin:0;padding-left:0;padding-right:0;border:0;border-radius:0}
.row{border:0;border-radius:0}
.col-pd{padding:5px}
.header-top{height:60px;padding:0 10px}
.header-logo{margin:10px 0 0;padding:0}
.header-logo .logo{width:160px;height:40px;background:url(../images/logo_min.png) no-repeat;background-position:50% 50%;background-size:cover}
.header-search{float:none;width:auto;margin:0;position:absolute;top:15px;right:10px;left:168px}
.header-search .form-control{height:30px;line-height:30px;border-radius:5px;padding:6px 40px 6px 10px;border:0}
.header-search .submit{width:30px;height:30px}
.header-menu{position:relative;margin:0}
.header-menu:before,.header-menu:after{display:none}
.header-menu ul{height:38px;display:-webkit-box;display:-webkit-flex;display:flex}
.header-menu ul li{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}
.header-menu li a{display:block;padding:0;line-height:38px;font-size:14px}
.pannel{padding:2px}
.pannel:before{left:10px;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.pannel-head{padding:0 5px;margin-bottom:5px}
.pannel-head .title{font-size:15px}
.vodlist-item{width:33.333333%;padding:5px}
.vodlist-item.active{width:100%}
.content-thumb .pic{width:120px}
.content-detail .title{font-size:16px;color:#555;margin:0 0 5px;line-height:18px}
.content-detail .data{margin-bottom:1px}
.content-detail .playbtn{margin-top:10px;padding:0}
.content-detail .playbtn a{width:90px;height:28px;line-height:28px}
.content-playlist{padding:5px 0 0 5px}
.content-playlist li{width:33.333333%}
.content-playlist li a{font-size:12px}
.link-text li{margin-right:10px;margin-bottom:5px}
.page li{float:left;width:20%;margin:0;padding:0 5px 0 5px}
.page li a,.page-box li .num{display:block;padding:5px 0;text-align:center}
.page li.page-item{width:auto;margin-bottom:5px}
.page li.page-item a{padding:5px 15px}
.page-text{text-align:left}
.page-text a,.page-text em,.page-text span{margin-right:5px;margin-bottom:5px}

}

/* panel */
.panel{ 
	margin-top:6px;margin-bottom:6px; 
	padding:8px; 
	background-color: #fff; 
}	
	.panel-heading{ position: relative;	height: 32px; line-height: 32px; }
	.panel-more{ float: right; color: #999; } 
	.panel-more > span > a + a{ margin-left: 20px; }  
	.panel-more > span > a{ color: #999; }  
	.panel-more > span > a:hover{ color: #089e36; }  
	.panel-title > small { color: #666; margin-left: 7px; font-weight: 400; }
	.panel-title{ 
		position: relative;
		float: left; 
		font-size:15px; 
		font-weight: 700;
	} 
	/* panel-tabs */
	.panel-tabs{ }
	.panel-tabs > a + a{ margin-left: 10px;}
	.panel-tabs > a{
		float: left;
    	padding: 0 25px;
    	color: #666;
    	background-color: #f9f9f9;
    	border-radius: 100px;
    	transition: .15s ease-in-out;
	}
		.panel-tabs > a:hover,
		.panel-tabs > a.active{ color: #fff; background-color: #089e36; }	
.wenzhang-list {
	margin: 10px 0px 0 0;
}
.wenzhang-list li {
	float: left;
	width: 33.33%;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right:10px;
}
.wenzhang-list-dot li::before {
	font-weight: bold;
	color:#cecbcb;
	content: "·";
	font-size: 14px;
	padding-right: 4px;
}
@media (max-width: 767px){
.panel {
    margin-top: 10px;
    padding: 5px;
}
.wenzhang-list {
    margin: 10px 0 0 0;
}   
.wenzhang-list li {
    float: left;
    width: 100%;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px;
}    
}